<!-- START HEADER -->
<header>
    <!--Navigation-->
    <nav class="navbar navbar-top-default navbar-expand-lg navbar-standard">
        <div class="container-fluid" >
            <a href="#page1" title="Logo" class="link logo scroll">
                <!--Logo Default-->
                <img src="<!--{$config.site_logo}-->" class="logo-dark" alt="logo">
            </a>
            <div class="header-lang">
                <div class="lang">
                    <select class="selecttop" id="language" >
                    <!--{foreach item=item key=key from=$languages}-->
                        <option value='<!--{$item.value}-->' <!--{if $item.value eq $language}-->selected<!--{/if}-->><!--{$item.name}--></option>
                    <!--{/foreach}-->
                    </select>
                </div>
            </div>
            <!--Side Menu Button-->
            <div class="side-nav-btn animated-wrap" id="sidemenu_toggle">
                <div class="animated-element">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </div>
    </nav>
    <!-- side menu -->
    <div class="side-menu">
        <div class="inner-wrapper">
            <span class="btn-close link" id="btn_sideNavClose"><i></i><i></i></span>
            <nav class="side-nav">
                <ul class="navbar-nav" id="side-menu">
                    <!--{foreach item=item key=key from=$menu}-->
                    <li class="nav-item">
                        <a class="nav-link link" href="<!--{$item.url}-->"><!--{$item.title}--></a>
                    </li>
                    <!--{/foreach}-->
                </ul>
            </nav>
            <div class="side-footer text-white w-100">
                <ul class="social-icons-simple">
                    <!--{foreach item=item key=key from=$custer}-->
                    <li class="animated-wrap">
                        <a href="<!--{$item.kefu_url}-->" target="_blank" class="animated-element"><img src="/static/home/web5/picture/mail.png" style="width:29px"><p><!--{$item.name}--></p></a>
                    </li>
                    <!--{/foreach}-->
                </ul>
                <p class="whitecolor"><!--{$config.site_copy}--></p>
            </div>
        </div>
    </div>
    <!-- End side menu -->
    <!--slider social-->
    <div class="slider-social d-md-block d-none">
        <ul class="list-unstyled">
            <!--{foreach item=item key=key from=$custer}-->
            <li class="animated-wrap">
                <a href="<!--{$item.kefu_url}-->" target="_blank" class="animated-element"><img src="<!--{$file.url}-->/static/home/web5/picture/mail.png" style="width:29px"><p><!--{$item.name}--></p></a>
            </li>
            <!--{/foreach}-->
        </ul>
    </div>
</header>
<!-- END HEADER -->